<template>
  <div>
    <nav-bar>
      <template #default> 个人中心 </template>
    </nav-bar>
  </div>
</template>

<script>
import { onMounted, reactive, toRefs } from "vue";
import { useRouter } from "vue-router";
import NavBar from "@/components/common/NavBar.vue";

export default {
  components: {
    NavBar,
  },
  setup() {
    const state = reactive({});
    const router = useRouter();
    onMounted(() => {
      // 判断用户是否登录
      // TODO: token是一种协议, token是一种令牌, 令牌是一种凭证，包括用户的身份信息和权限信息，服务器通过验证令牌来确定用户的身份和权限。
      if (!localStorage.getItem("username")) {
        // 未登录，跳转到登录页面
        router.push("/login");
      }
    });
    return {
      ...toRefs(state),
    };
  },
};
</script>

<style  scoped>
</style>
